<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Kimi商城</title>
  <link rel="stylesheet" href="./css/reset.css">
  <!-- bootstrap -->
  <link href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" rel="stylesheet">
  <link rel="stylesheet" href="./css/index.css">
  <link rel="stylesheet" href="./iconfont/iconfont.css">
</head>

<body>
  <!-- 头部 -->
  <header>
    <div class="top">
    </div>
    <div class="nav">
      <div class="nav-wrapper">
        <ul class="nav-p">
          <a href="">
            <li>小米商城</li>
          </a>
          <div class="ver-line"></div>
          <a href="">
            <li>MIUI</li>
          </a>
          <div class="ver-line"></div>
          <a href="">
            <li>LoT</li>
          </a>
          <div class="ver-line"></div>
          <a href="">
            <li>云服务</li>
          </a>
          <div class="ver-line"></div>
          <a href="">
            <li>天星数科</li>
          </a>
          <div class="ver-line"></div>
          <a href="">
            <li>有品</li>
          </a>
          <div class="ver-line"></div>
          <a href="">
            <li>小爱开放平台</li>
          </a>
          <div class="ver-line"></div>
          <a href="">
            <li>企业团购</li>
          </a>
          <div class="ver-line"></div>
          <a href="">
            <li>资质证照</li>
          </a>
          <div class="ver-line"></div>
          <a href="">
            <li>协议规则</li>
          </a>
          <div class="ver-line"></div>
          <a href="">
            <li>下载app</li>
          </a>
          <div class="ver-line"></div>
          <a href="">
            <li>智能生活</li>
          </a>
          <div class="ver-line"></div>
          <a href="">
            <li>Select Location</li>
          </a>
        </ul>
        <div class="list">
          <ul>
            <li>
              Somre
              <p>></p>
              <div class="box">
                <ul>
                  <a href="">
                    <li>个人中心</li>
                  </a>
                  <a href="">
                    <li>评价晒单</li>
                  </a>
                  <a href="">
                    <li>我的喜欢</li>
                  </a>
                  <a href="">
                    <li>小米账户</li>
                  </a>
                  <a href="">
                    <li>退出登录</li>
                  </a>
                </ul>
              </div>
            </li>
          </ul>
          <div class="clear"></div>
        </div>
        <ul class="nav-p nav-r">
          <a href="">
            <li>登录</li>
          </a>
          <div class="ver-line"></div>
          <a href="">
            <li>注册</li>
          </a>
          <div class="ver-line"></div>
          <a href="">
            <li>消息通知</li>
          </a>
          <div class="ver-line"></div>
        </ul>
        <div class="shopping">
          <i class="iconfont icon-gouwuche1"></i>
          购物车（0）
        </div>
      </div>
    </div>
  </header>
  <!-- 主体 -->
  <section class="content">
    <!-- 主体导航栏 -->
    <section class="navbar1">
      <div class="logo">
        <img src="./assets/images/navbar-logo.png" alt="navbar-logo">
        <img src="./assets/images/navbar-logo2.png" alt="navbar-logo2">
      </div>
      <div class="bar">
        <ul class="bar-big">
          <a href="">
            <li class="contain">
              小米手机
              <div class="item">
                <ul class="wrapper">
                  <li>
                    <div class="pic">
                      <img src="./assets/images/S-navbar1-mi11-1.webp" alt="S-navbar1-mi11-1">
                    </div>
                    <p class="grey">小米11</p>
                    <p class="orange">3999元起</p>
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/S-navbar1-mi10-2.webp" alt="S-navbar1-mi10-2">
                    </div>
                    <p class="grey">小米10至尊纪念版</p>
                    <p class="orange">5299元起</p>
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/S-navbar1-mi10-3.webp" alt="S-navbar1-mi10-3">
                    </div>
                    <p class="grey">小米10</p>
                    <p class="orange">3399元起</p>
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/S-navbar1-mi10-4.webp
                      " alt="S-navbar1-mi10-4">
                    </div>
                    <p class="grey">小米10&nbsp;青春版 5G</p>
                    <p class="orange">2099元起</p>
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/S-navbar1-mix-5.webp" alt="S-navbar1-mix-5">
                    </div>
                    <p class="grey">小米MIX&nbsp;Alpha</p>
                    <p class="orange">19999元</p>
                  </li>
                </ul>
              </div>
            </li>
          </a>
          <a href="">
            <li class="contain">
              Redmi&nbsp;红米
              <div class="item">
                <ul class="wrapper">
                  <li>
                    <div class="pic">
                      <img src="./assets/images/S-navbar2-1.webp" alt="S-navbar2-1">
                    </div>
                    <p class="grey">Redmi&nbsp;Note&nbsp;9&nbsp;系列</p>
                    <p class="orange">999元起</p>
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/S-navbar2-2.webp" alt="S-navbar2-2">
                    </div>
                    <p class="grey">Redmi&nbsp;K30S&nbsp;至尊纪念版</p>
                    <p class="orange">5299元起</p>
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/S-navbar2-3.webp" alt="S-navbar2-3">
                    </div>
                    <p class="grey">Redmi&nbsp;K30&nbsp;至尊纪念版</p>
                    <p class="orange">1999元起</p>
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/S-navbar2-4.webp" alt="S-navbar2-4">
                    </div>
                    <p class="grey">Redmi&nbsp;9A</p>
                    <p class="orange">599元起</p>
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/S-navbar2-5.webp" alt="S-navbar2-5">
                    </div>
                    <p class="grey">Redmi&nbsp;K30&nbsp;系列</p>
                    <p class="orange">1799元</p>
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/S-navbar2-6.webp" alt="S-navbar2-6">
                    </div>
                    <p class="grey">Redmi&nbsp;10X</p>
                    <p class="orange">999元起</p>
                  </li>
                </ul>
              </div>
            </li>
          </a>
          <a href="">
            <li class="contain">
              电视
              <div class="item">
                <ul class="wrapper">
                  <li>
                    <div class="pic">
                      <img src="./assets/images/S-navbar3-1.webp" alt="S-navbar3-1">
                    </div>
                    <p class="grey">小米电视大师&nbsp;82英寸至尊纪念版</p>
                    <p class="orange">49999元</p>
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/S-navbar3-2.webp" alt="S-navbar3-2">
                    </div>
                    <p class="grey">小米电视大师&nbsp;82英寸</p>
                    <p class="orange">5299元起</p>
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/S-navbar3-3.webp" alt="S-navbar3-3">
                    </div>
                    <p class="grey">小米透明电视</p>
                    <p class="orange">49999元</p>
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/S-navbar3-4.webp" alt="S-navbar3-4">
                    </div>
                    <p class="grey">小米电视&nbsp;大师&nbsp;65英寸OLED</p>
                    <p class="orange">9999元</p>
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/S-navbar3-5.webp" alt="S-navbar3-5">
                    </div>
                    <p class="grey">Redmi&nbsp;智能电视&nbsp;MAX&nbsp;98''</p>
                    <p class="orange">19999元</p>
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/S-navbar3-6.webp" alt="S-navbar3-6">
                    </div>
                    <p class="grey">小米电视4A&nbsp;60英寸</p>
                    <p class="orange">2599元</p>
                  </li>
                </ul>
              </div>

            </li>
          </a>
          <a href="">
            <li class="contain">
              笔记本
              <div class="item">
                <ul class="wrapper">
                  <li>
                    <div class="pic">
                      <img src="./assets/images/S-navbar4-1.webp" alt="S-navbar4-1">
                    </div>
                    <p class="grey">Redmi&nbsp;G&nbsp;游戏本</p>
                    <p class="orange"></p>
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/S-navbar4-2.webp" alt="S-navbar4-2">
                    </div>
                    <p class="grey">RedmiBook&nbsp;16</p>
                    <p class="orange">4999元起</p>
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/S-navbar4-3.webp" alt="S-navbar4-3">
                    </div>
                    <p class="grey">RedmiBook&nbsp;14&nbsp;Ⅱ</p>
                    <p class="orange">3299元起</p>
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/S-navbar4-4.png" alt="S-navbar4-4">
                    </div>
                    <p class="grey">Pro&nbsp;15.6"&nbsp;2020款</p>
                    <p class="orange">6999元</p>
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/S-navbar4-5.webp" alt="S-navbar4-5">
                    </div>
                    <p class="grey">RedmiBook&nbsp;Air&nbsp;13</p>
                    <p class="orange">4499元起</p>
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/S-navbar4-6.webp" alt="S-navbar4-6">
                    </div>
                    <p class="grey">显示器</p>
                    <p class="orange">2399元</p>
                  </li>
                </ul>
              </div>
            </li>
            </li>
          </a>
          <a href="">
            <li class="contain">
              家电
              <div class="item">
                <ul class="wrapper">
                  <li>
                    <div class="pic">
                      <img src="./assets/images/S-navbar5-1.webp" alt="S-navbar5-1">
                    </div>
                    <p class="grey">米家互联网空调C1（一级能效）</p>
                    <p class="orange">2399元</p>
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/S-navbar5-2.png" alt="S-navbar5-2">
                    </div>
                    <p class="grey">米家互联网空调（一级能效）</p>
                    <p class="orange">2399元</p>
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/S-navbar5-3.jpg" alt="S-navbar5-3">
                    </div>
                    <p class="grey">Redmi全自动波轮洗衣机1A</p>
                    <p class="orange">799元</p>
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/S-navbar5-4.png" alt="S-navbar5-4">
                    </div>
                    <p class="grey">米家互联网洗烘一体机10kg</p>
                    <p class="orange">1999元</p>
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/S-navbar5-5.webp" alt="S-navbar5-5">
                    </div>
                    <p class="grey">米家风冷对开门冰箱&nbsp;483L</p>
                    <p class="orange">2369元</p>
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/S-navbar5-6.webp" alt="S-navbar5-6">
                    </div>
                    <p class="grey">米家两门冰箱&nbsp;160L</p>
                    <p class="orange">949元</p>
                  </li>
                </ul>
              </div>
            </li>
          </a>
          <a href="">
            <li class="contain">
              路由器
              <div class="item">
                <ul class="wrapper">
                  <li>
                    <div class="pic">
                      <img src="./assets/images/S-navbar6-1.webp" alt="S-navbar6-1">
                    </div>
                    <p class="grey">小米路由器AX6000</p>
                    <p class="orange">599元</p>
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/S-navbar6-2.webp" alt="S-navbar6-2">
                    </div>
                    <p class="grey">Redmi路由器&nbsp;AX6</p>
                    <p class="orange">329元</p>
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/S-navbar6-3.webp" alt="S-navbar6-3">
                    </div>
                    <p class="grey">Redmi路由器&nbsp;AX5</p>
                    <p class="orange">249元</p>
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/S-navbar6-4.webp" alt="S-navbar6-4">
                    </div>
                    <p class="grey">小米路由器&nbsp;AX1800</p>
                    <p class="orange">329元</p>
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/S-navbar6-5.webp" alt="S-navbar6-5">
                    </div>
                    <p class="grey">小米AIoT路由器AX3600</p>
                    <p class="orange">499元</p>
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/S-navbar6-6.webp" alt="S-navbar6-6">
                    </div>
                    <p class="grey">Redmi路由器AC2100LL</p>
                    <p class="orange">169元</p>
                  </li>
                </ul>
              </div>
            </li>
          </a>
          <a href="">
            <li class="contain">
              智能硬件
              <div class="item">
                <ul class="wrapper">
                  <li>
                    <div class="pic">
                      <img src="./assets/images/S-navbar7-1.webp" alt="S-navbar7-1">
                    </div>
                    <p class="grey">小米全自动智能门锁</p>
                    <p class="orange">1799元</p>
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/S-navbar7-2.webp" alt="S-navbar7-2">
                    </div>
                    <p class="grey">Redmi小爱触屏音箱Pro8</p>
                    <p class="orange">499元</p>
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/S-navbar7-3.jpg" alt="S-navbar7-3">
                    </div>
                    <p class="grey">小米小爱触屏音箱</p>
                    <p class="orange">199元</p>
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/S-navbar7-4.webp" alt="S-navbar7-4">
                    </div>
                    <p class="grey">Redmi小爱音箱&nbsp;Play</p>
                    <p class="orange">79元</p>
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/S-navbar7-5.webp" alt="S-navbar7-5">
                    </div>
                    <p class="grey">查看全部</p>
                    <p class="orange">智能硬件</p>
                  </li>
                </ul>
              </div>
            </li>
          </a>
          <a href="">
            <li class="contain">服务</li>
          </a>
          <a href="">
            <li class="contain">社区</li>
          </a>
        </ul>
      </div>
      <div class="search">
        <input type="text" placeholder="" class="search-input">
        <div class="sear-icont">
          <i class="iconfont icon-sousuo"></i>
        </div>
        <div class="item">
          <ul>
            <li>小米11</li>
            <li>小米10</li>
            <li>全部商品</li>
            <li>扫地机器人</li>
            <li>红米</li>
            <li>洗衣机</li>
            <li>冰箱</li>
            <li>耳机</li>
          </ul>
        </div>
      </div>
      </div>

    </section>
    <!-- banner部分 -->
    <div class="second-wrapper">
      <!-- 侧边栏 -->
      <div class="sidebar">
        <ul>
          <li>
            <a href="">
              <div class="box">
                手机&nbsp;电话卡
                <i class="iconfont icon-iconfonticonfonti2copycopy"></i>
              </div>
            </a>
            <div class="contain">
              <div class="item">
                <ul>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/tietie.jpg" alt="">
                    </div>
                    小米11
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/tietie.jpg" alt="">
                    </div>
                    小米11
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/tietie.jpg" alt="">
                    </div>
                    小米11
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/tietie.jpg" alt="">
                    </div>
                    小米11
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/tietie.jpg" alt="">
                    </div>
                    小米11
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/tietie.jpg" alt="">
                    </div>
                    小米11
                  </li>
                </ul>
                <ul>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/tietie.jpg" alt="">
                    </div>
                    小米11
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/tietie.jpg" alt="">
                    </div>
                    小米11
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/tietie.jpg" alt="">
                    </div>
                    小米11
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/tietie.jpg" alt="">
                    </div>
                    小米11
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/tietie.jpg" alt="">
                    </div>
                    小米11
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/tietie.jpg" alt="">
                    </div>
                    小米11
                  </li>
                </ul>
                <ul>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/tietie.jpg" alt="">
                    </div>
                    小米11
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/tietie.jpg" alt="">
                    </div>
                    小米11
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/tietie.jpg" alt="">
                    </div>
                    小米11
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/tietie.jpg" alt="">
                    </div>
                    小米11
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/tietie.jpg" alt="">
                    </div>
                    小米11
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/tietie.jpg" alt="">
                    </div>
                    小米11
                  </li>
                </ul>
                <ul>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/tietie.jpg" alt="">
                    </div>
                    小米11
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/tietie.jpg" alt="">
                    </div>
                    小米11
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/tietie.jpg" alt="">
                    </div>
                    小米11
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/tietie.jpg" alt="">
                    </div>
                    小米11
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/tietie.jpg" alt="">
                    </div>
                    小米11
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/tietie.jpg" alt="">
                    </div>
                    小米11
                  </li>
                </ul>
              </div>
            </div>
          </li>
          <li>
            <a href="">
              <div class="box">
                电视&nbsp;盒子
                <i class="iconfont icon-iconfonticonfonti2copycopy"></i>
                </span>
              </div>
            </a>
            <div class="contain">
              <div class="item">
                <ul>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/tietie2.jpg" alt="">
                    </div>
                    凌塘村村花陈钢铁
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/tietie2.jpg" alt="">
                    </div>
                    凌塘村村花陈钢铁
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/tietie2.jpg" alt="">
                    </div>
                    凌塘村村花陈钢铁
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/tietie2.jpg" alt="">
                    </div>
                    凌塘村村花陈钢铁
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/tietie2.jpg" alt="">
                    </div>
                    凌塘村村花陈钢铁
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/tietie2.jpg" alt="">
                    </div>
                    凌塘村村花陈钢铁
                  </li>
                </ul>
                <ul>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/tietie2.jpg" alt="">
                    </div>
                    凌塘村村花陈钢铁
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/tietie2.jpg" alt="">
                    </div>
                    凌塘村村花陈钢铁
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/tietie2.jpg" alt="">
                    </div>
                    凌塘村村花陈钢铁
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/tietie2.jpg" alt="">
                    </div>
                    凌塘村村花陈钢铁
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/tietie2.jpg" alt="">
                    </div>
                    凌塘村村花陈钢铁
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/tietie2.jpg" alt="">
                    </div>
                    凌塘村村花陈钢铁
                  </li>
                </ul>
                <ul>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/tietie2.jpg" alt="">
                    </div>
                    凌塘村村花陈钢铁
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/tietie2.jpg" alt="">
                    </div>
                    凌塘村村花陈钢铁
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/tietie2.jpg" alt="">
                    </div>
                    凌塘村村花陈钢铁
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/tietie2.jpg" alt="">
                    </div>
                    凌塘村村花陈钢铁
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/tietie2.jpg" alt="">
                    </div>
                    凌塘村村花陈钢铁
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/tietie2.jpg" alt="">
                    </div>
                    凌塘村村花陈钢铁
                  </li>
                </ul>
              </div>
            </div>
          </li>
          <li>
            <a href="">
              <div class="box">
                笔记本&nbsp;显示器
                <i class="iconfont icon-iconfonticonfonti2copycopy"></i>
              </div>
            </a>
            <div class="contain">
              <div class="item">
                <ul>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/tietie3.jpg" alt="">
                    </div>
                    陈钢铁
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/tietie3.jpg" alt="">
                    </div>
                    陈钢铁
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/tietie3.jpg" alt="">
                    </div>
                    陈钢铁
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/tietie3.jpg" alt="">
                    </div>
                    陈钢铁
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/tietie3.jpg" alt="">
                    </div>
                    陈钢铁
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/tietie3.jpg" alt="">
                    </div>
                    陈钢铁
                  </li>
                </ul>
                <ul>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/tietie3.jpg" alt="">
                    </div>
                    陈钢铁
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/tietie3.jpg" alt="">
                    </div>
                    陈钢铁
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/tietie3.jpg" alt="">
                    </div>
                    陈钢铁
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/tietie3.jpg" alt="">
                    </div>
                    陈钢铁
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/tietie3.jpg" alt="">
                    </div>
                    陈钢铁
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/tietie3.jpg" alt="">
                    </div>
                    陈钢铁
                  </li>
                </ul>
                <ul>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/tietie3.jpg" alt="">
                    </div>
                    陈钢铁
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/tietie3.jpg" alt="">
                    </div>
                    陈钢铁
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/tietie3.jpg" alt="">
                    </div>
                    陈钢铁
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/tietie3.jpg" alt="">
                    </div>
                    陈钢铁
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/tietie3.jpg" alt="">
                    </div>
                    陈钢铁
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/tietie3.jpg" alt="">
                    </div>
                    陈钢铁
                  </li>
                </ul>
                <ul>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/tietie3.jpg" alt="">
                    </div>
                    陈钢铁
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/tietie3.jpg" alt="">
                    </div>
                    陈钢铁
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/tietie3.jpg" alt="">
                    </div>
                    陈钢铁
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/tietie3.jpg" alt="">
                    </div>
                    陈钢铁
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/tietie3.jpg" alt="">
                    </div>
                    陈钢铁
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/tietie3.jpg" alt="">
                    </div>
                    陈钢铁
                  </li>
                </ul>
              </div>
            </div>
          </li>
          <li>
            <a href="">
              <div class="box">
                家电&nbsp;插线板
                <i class="iconfont icon-iconfonticonfonti2copycopy"></i>
              </div>
            </a>
            <div class="contain">
              <div class="item">
                <ul>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/毛毛3.jpg" alt="">
                    </div>
                    陈毛毛小机灵鬼
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/毛毛3.jpg" alt="">
                    </div>
                    陈毛毛小机灵鬼
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/毛毛3.jpg" alt="">
                    </div>
                    陈毛毛小机灵鬼
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/毛毛3.jpg" alt="">
                    </div>
                    陈毛毛小机灵鬼
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/毛毛3.jpg" alt="">
                    </div>
                    陈毛毛小机灵鬼
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/毛毛3.jpg" alt="">
                    </div>
                    陈毛毛小机灵鬼
                  </li>
                </ul>
                <ul>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/毛毛3.jpg" alt="">
                    </div>
                    陈毛毛小机灵鬼
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/毛毛3.jpg" alt="">
                    </div>
                    陈毛毛小机灵鬼
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/毛毛3.jpg" alt="">
                    </div>
                    陈毛毛小机灵鬼
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/毛毛3.jpg" alt="">
                    </div>
                    陈毛毛小机灵鬼
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/毛毛3.jpg" alt="">
                    </div>
                    陈毛毛小机灵鬼
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/毛毛3.jpg" alt="">
                    </div>
                    陈毛毛小机灵鬼
                  </li>
                </ul>
                <ul>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/毛毛3.jpg" alt="">
                    </div>
                    陈毛毛小机灵鬼
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/毛毛3.jpg" alt="">
                    </div>
                    陈毛毛小机灵鬼
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/毛毛3.jpg" alt="">
                    </div>
                    陈毛毛小机灵鬼
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/毛毛3.jpg" alt="">
                    </div>
                    陈毛毛小机灵鬼
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/毛毛3.jpg" alt="">
                    </div>
                    陈毛毛小机灵鬼
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/毛毛3.jpg" alt="">
                    </div>
                    陈毛毛小机灵鬼
                  </li>
                </ul>
                <ul>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/毛毛3.jpg" alt="">
                    </div>
                    陈毛毛小机灵鬼
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/毛毛3.jpg" alt="">
                    </div>
                    陈毛毛小机灵鬼
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/毛毛3.jpg" alt="">
                    </div>
                    陈毛毛小机灵鬼
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/毛毛3.jpg" alt="">
                    </div>
                    陈毛毛小机灵鬼
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/毛毛3.jpg" alt="">
                    </div>
                    陈毛毛小机灵鬼
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/毛毛3.jpg" alt="">
                    </div>
                    陈毛毛小机灵鬼
                  </li>
                </ul>
              </div>
            </div>
          </li>
          <li>
            <a href="">
              <div class="box">
                出行&nbsp;穿戴
                <i class="iconfont icon-iconfonticonfonti2copycopy"></i>
              </div>
            </a>
            <div class="contain">
              <div class="item">
                <ul>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/tietie4.jpg" alt="">
                    </div>
                    是钢铁铁呀
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/tietie4.jpg" alt="">
                    </div>
                    是钢铁铁呀
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/tietie4.jpg" alt="">
                    </div>
                    是钢铁铁呀
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/tietie4.jpg" alt="">
                    </div>
                    是钢铁铁呀
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/tietie4.jpg" alt="">
                    </div>
                    是钢铁铁呀
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/tietie4.jpg" alt="">
                    </div>
                    是钢铁铁呀
                  </li>
                </ul>
                <ul>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/tietie4.jpg" alt="">
                    </div>
                    是钢铁铁呀
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/tietie4.jpg" alt="">
                    </div>
                    是钢铁铁呀
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/tietie4.jpg" alt="">
                    </div>
                    是钢铁铁呀
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/tietie4.jpg" alt="">
                    </div>
                    是钢铁铁呀
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/tietie4.jpg" alt="">
                    </div>
                    是钢铁铁呀
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/tietie4.jpg" alt="">
                    </div>
                    是钢铁铁呀
                  </li>
                </ul>
                <ul>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/tietie4.jpg" alt="">
                    </div>
                    是钢铁铁呀
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/tietie4.jpg" alt="">
                    </div>
                    是钢铁铁呀
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/tietie4.jpg" alt="">
                    </div>
                    是钢铁铁呀
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/tietie4.jpg" alt="">
                    </div>
                    是钢铁铁呀
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/tietie4.jpg" alt="">
                    </div>
                    是钢铁铁呀
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/tietie4.jpg" alt="">
                    </div>
                    是钢铁铁呀
                  </li>
                </ul>
                <ul>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/tietie4.jpg" alt="">
                    </div>
                    是钢铁铁呀
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/tietie4.jpg" alt="">
                    </div>
                    是钢铁铁呀
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/tietie4.jpg" alt="">
                    </div>
                    是钢铁铁呀
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/tietie4.jpg" alt="">
                    </div>
                    是钢铁铁呀
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/tietie4.jpg" alt="">
                    </div>
                    是钢铁铁呀
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/tietie4.jpg" alt="">
                    </div>
                    是钢铁铁呀
                  </li>
                </ul>
              </div>
            </div>
          </li>
          <li>
            <a href="">
              <div class="box">
                智能&nbsp;路由器
                <i class="iconfont icon-iconfonticonfonti2copycopy"></i>
              </div>
            </a>
            <div class="contain">
              <div class="item">
                <ul>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/tietie5.jpg" alt="">
                    </div>
                    是钢铁铁呀
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/tietie5.jpg" alt="">
                    </div>
                    是钢铁铁呀
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/tietie5.jpg" alt="">
                    </div>
                    是钢铁铁呀
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/tietie5.jpg" alt="">
                    </div>
                    是钢铁铁呀
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/tietie5.jpg" alt="">
                    </div>
                    是钢铁铁呀
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/tietie5.jpg" alt="">
                    </div>
                    是钢铁铁呀
                  </li>
                </ul>
                <ul>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/tietie5.jpg" alt="">
                    </div>
                    是钢铁铁呀
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/tietie5.jpg" alt="">
                    </div>
                    是钢铁铁呀
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/tietie5.jpg" alt="">
                    </div>
                    是钢铁铁呀
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/tietie5.jpg" alt="">
                    </div>
                    是钢铁铁呀
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/tietie5.jpg" alt="">
                    </div>
                    是钢铁铁呀
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/tietie5.jpg" alt="">
                    </div>
                    是钢铁铁呀
                  </li>
                </ul>
                <ul>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/tietie5.jpg" alt="">
                    </div>
                    是钢铁铁呀
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/tietie5.jpg" alt="">
                    </div>
                    是钢铁铁呀
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/tietie5.jpg" alt="">
                    </div>
                    是钢铁铁呀
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/tietie5.jpg" alt="">
                    </div>
                    是钢铁铁呀
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/tietie5.jpg" alt="">
                    </div>
                    是钢铁铁呀
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/tietie5.jpg" alt="">
                    </div>
                    是钢铁铁呀
                  </li>
                </ul>
                <ul>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/tietie5.jpg" alt="">
                    </div>
                    是钢铁铁呀
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/tietie5.jpg" alt="">
                    </div>
                    是钢铁铁呀
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/tietie5.jpg" alt="">
                    </div>
                    是钢铁铁呀
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/tietie5.jpg" alt="">
                    </div>
                    是钢铁铁呀
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/tietie5.jpg" alt="">
                    </div>
                    是钢铁铁呀
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/tietie5.jpg" alt="">
                    </div>
                    是钢铁铁呀
                  </li>
                </ul>
              </div>
            </div>
          </li>
          <li>
            <a href="">
              <div class="box">
                电源&nbsp;配件
                <i class="iconfont icon-iconfonticonfonti2copycopy"></i>
              </div>
            </a>
            <div class="contain">
              <div class="item">
                <ul>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/tietie5.jpg" alt="">
                    </div>
                    是钢铁铁呀
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/tietie5.jpg" alt="">
                    </div>
                    是钢铁铁呀
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/tietie5.jpg" alt="">
                    </div>
                    是钢铁铁呀
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/tietie5.jpg" alt="">
                    </div>
                    是钢铁铁呀
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/tietie5.jpg" alt="">
                    </div>
                    是钢铁铁呀
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/tietie5.jpg" alt="">
                    </div>
                    是钢铁铁呀
                  </li>
                </ul>
                <ul>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/tietie5.jpg" alt="">
                    </div>
                    是钢铁铁呀
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/tietie5.jpg" alt="">
                    </div>
                    是钢铁铁呀
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/tietie5.jpg" alt="">
                    </div>
                    是钢铁铁呀
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/tietie5.jpg" alt="">
                    </div>
                    是钢铁铁呀
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/tietie5.jpg" alt="">
                    </div>
                    是钢铁铁呀
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/tietie5.jpg" alt="">
                    </div>
                    是钢铁铁呀
                  </li>
                </ul>
                <ul>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/tietie5.jpg" alt="">
                    </div>
                    是钢铁铁呀
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/tietie5.jpg" alt="">
                    </div>
                    是钢铁铁呀
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/tietie5.jpg" alt="">
                    </div>
                    是钢铁铁呀
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/tietie5.jpg" alt="">
                    </div>
                    是钢铁铁呀
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/tietie5.jpg" alt="">
                    </div>
                    是钢铁铁呀
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/tietie5.jpg" alt="">
                    </div>
                    是钢铁铁呀
                  </li>
                </ul>
                <ul>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/tietie5.jpg" alt="">
                    </div>
                    是钢铁铁呀
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/tietie5.jpg" alt="">
                    </div>
                    是钢铁铁呀
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/tietie5.jpg" alt="">
                    </div>
                    是钢铁铁呀
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/tietie5.jpg" alt="">
                    </div>
                    是钢铁铁呀
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/tietie5.jpg" alt="">
                    </div>
                    是钢铁铁呀
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/tietie5.jpg" alt="">
                    </div>
                    是钢铁铁呀
                  </li>
                </ul>
              </div>
            </div>

          </li>
          <li>
            <a href="">
              <div class="box">
                健康&nbsp;儿童
                <i class="iconfont icon-iconfonticonfonti2copycopy"></i>
              </div>
            </a>
            <div class="contain">
              <div class="item">
                <ul>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/tietie5.jpg" alt="">
                    </div>
                    是钢铁铁呀
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/tietie5.jpg" alt="">
                    </div>
                    是钢铁铁呀
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/tietie5.jpg" alt="">
                    </div>
                    是钢铁铁呀
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/tietie5.jpg" alt="">
                    </div>
                    是钢铁铁呀
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/tietie5.jpg" alt="">
                    </div>
                    是钢铁铁呀
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/tietie5.jpg" alt="">
                    </div>
                    是钢铁铁呀
                  </li>
                </ul>
                <ul>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/tietie5.jpg" alt="">
                    </div>
                    是钢铁铁呀
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/tietie5.jpg" alt="">
                    </div>
                    是钢铁铁呀
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/tietie5.jpg" alt="">
                    </div>
                    是钢铁铁呀
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/tietie5.jpg" alt="">
                    </div>
                    是钢铁铁呀
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/tietie5.jpg" alt="">
                    </div>
                    是钢铁铁呀
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/tietie5.jpg" alt="">
                    </div>
                    是钢铁铁呀
                  </li>
                </ul>
                <ul>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/tietie5.jpg" alt="">
                    </div>
                    是钢铁铁呀
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/tietie5.jpg" alt="">
                    </div>
                    是钢铁铁呀
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/tietie5.jpg" alt="">
                    </div>
                    是钢铁铁呀
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/tietie5.jpg" alt="">
                    </div>
                    是钢铁铁呀
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/tietie5.jpg" alt="">
                    </div>
                    是钢铁铁呀
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/tietie5.jpg" alt="">
                    </div>
                    是钢铁铁呀
                  </li>
                </ul>
                <ul>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/tietie5.jpg" alt="">
                    </div>
                    是钢铁铁呀
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/tietie5.jpg" alt="">
                    </div>
                    是钢铁铁呀
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/tietie5.jpg" alt="">
                    </div>
                    是钢铁铁呀
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/tietie5.jpg" alt="">
                    </div>
                    是钢铁铁呀
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/tietie5.jpg" alt="">
                    </div>
                    是钢铁铁呀
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/tietie5.jpg" alt="">
                    </div>
                    是钢铁铁呀
                  </li>
                </ul>
              </div>
            </div>

          </li>
          <li>
            <a href="">
              <div class="box">
                耳机&nbsp;音箱
                <i class="iconfont icon-iconfonticonfonti2copycopy"></i>
              </div>
            </a>
            <div class="contain">
              <div class="item">
                <ul>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/tietie5.jpg" alt="">
                    </div>
                    是钢铁铁呀
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/tietie5.jpg" alt="">
                    </div>
                    是钢铁铁呀
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/tietie5.jpg" alt="">
                    </div>
                    是钢铁铁呀
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/tietie5.jpg" alt="">
                    </div>
                    是钢铁铁呀
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/tietie5.jpg" alt="">
                    </div>
                    是钢铁铁呀
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/tietie5.jpg" alt="">
                    </div>
                    是钢铁铁呀
                  </li>
                </ul>
                <ul>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/tietie5.jpg" alt="">
                    </div>
                    是钢铁铁呀
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/tietie5.jpg" alt="">
                    </div>
                    是钢铁铁呀
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/tietie5.jpg" alt="">
                    </div>
                    是钢铁铁呀
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/tietie5.jpg" alt="">
                    </div>
                    是钢铁铁呀
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/tietie5.jpg" alt="">
                    </div>
                    是钢铁铁呀
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/tietie5.jpg" alt="">
                    </div>
                    是钢铁铁呀
                  </li>
                </ul>
                <ul>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/tietie5.jpg" alt="">
                    </div>
                    是钢铁铁呀
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/tietie5.jpg" alt="">
                    </div>
                    是钢铁铁呀
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/tietie5.jpg" alt="">
                    </div>
                    是钢铁铁呀
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/tietie5.jpg" alt="">
                    </div>
                    是钢铁铁呀
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/tietie5.jpg" alt="">
                    </div>
                    是钢铁铁呀
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/tietie5.jpg" alt="">
                    </div>
                    是钢铁铁呀
                  </li>
                </ul>
                <ul>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/tietie5.jpg" alt="">
                    </div>
                    是钢铁铁呀
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/tietie5.jpg" alt="">
                    </div>
                    是钢铁铁呀
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/tietie5.jpg" alt="">
                    </div>
                    是钢铁铁呀
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/tietie5.jpg" alt="">
                    </div>
                    是钢铁铁呀
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/tietie5.jpg" alt="">
                    </div>
                    是钢铁铁呀
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/tietie5.jpg" alt="">
                    </div>
                    是钢铁铁呀
                  </li>
                </ul>
              </div>
            </div>

          </li>
          <li>
            <a href="">
              <div class="box">
                生活&nbsp;箱包
                <i class="iconfont icon-iconfonticonfonti2copycopy"></i>
              </div>
            </a>
            <div class="contain">
              <div class="item">
                <ul>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/tietie5.jpg" alt="">
                    </div>
                    是钢铁铁呀
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/tietie5.jpg" alt="">
                    </div>
                    是钢铁铁呀
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/tietie5.jpg" alt="">
                    </div>
                    是钢铁铁呀
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/tietie5.jpg" alt="">
                    </div>
                    是钢铁铁呀
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/tietie5.jpg" alt="">
                    </div>
                    是钢铁铁呀
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/tietie5.jpg" alt="">
                    </div>
                    是钢铁铁呀
                  </li>
                </ul>
                <ul>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/tietie5.jpg" alt="">
                    </div>
                    是钢铁铁呀
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/tietie5.jpg" alt="">
                    </div>
                    是钢铁铁呀
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/tietie5.jpg" alt="">
                    </div>
                    是钢铁铁呀
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/tietie5.jpg" alt="">
                    </div>
                    是钢铁铁呀
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/tietie5.jpg" alt="">
                    </div>
                    是钢铁铁呀
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/tietie5.jpg" alt="">
                    </div>
                    是钢铁铁呀
                  </li>
                </ul>
                <ul>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/tietie5.jpg" alt="">
                    </div>
                    是钢铁铁呀
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/tietie5.jpg" alt="">
                    </div>
                    是钢铁铁呀
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/tietie5.jpg" alt="">
                    </div>
                    是钢铁铁呀
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/tietie5.jpg" alt="">
                    </div>
                    是钢铁铁呀
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/tietie5.jpg" alt="">
                    </div>
                    是钢铁铁呀
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/tietie5.jpg" alt="">
                    </div>
                    是钢铁铁呀
                  </li>
                </ul>
                <ul>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/tietie5.jpg" alt="">
                    </div>
                    是钢铁铁呀
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/tietie5.jpg" alt="">
                    </div>
                    是钢铁铁呀
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/tietie5.jpg" alt="">
                    </div>
                    是钢铁铁呀
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/tietie5.jpg" alt="">
                    </div>
                    是钢铁铁呀
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/tietie5.jpg" alt="">
                    </div>
                    是钢铁铁呀
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/tietie5.jpg" alt="">
                    </div>
                    是钢铁铁呀
                  </li>
                </ul>
              </div>
            </div>

          </li>
        </ul>
      </div>
      <!-- 轮播图 -->
      <section class="banner">
        <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
          <!-- 分页、导航 -->
          <ol class="carousel-indicators">
            <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
            <li data-target="#carousel-example-generic" data-slide-to="1"></li>
            <li data-target="#carousel-example-generic" data-slide-to="2"></li>
            <li data-target="#carousel-example-generic" data-slide-to="3"></li>
          </ol>

          <!--轮播图主要区域-->
          <div class="carousel-inner" role="listbox">
            <div class="item active">
              <img src="./assets/images/S-banner1.webp" alt="S-banner1">
            </div>
            <div class="item">
              <img src="./assets/images/S-banner2.webp" alt="S-banner2">
            </div>
            <div class="item">
              <img src="./assets/images/S-banner3.jpg" alt="S-banner3">
            </div>
            <div class="item">
              <img src="./assets/images/S-banner4.webp" alt="S-banner">
            </div>
          </div>

          <!--前进后退-->
          <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
            <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
            <span class="sr-only">Previous</span>
          </a>
          <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
            <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
            <span class="sr-only">Next</span>
          </a>
        </div>
      </section>
    </div>
    <section class="icont-colmunn">
      <div class="icont-left">
        <div class="icont-item">
          <p><i class="iconfont icon-shijian"></i></p>
          <p>小米秒杀</p>
        </div>
        <div class="icont-item">
          <p><i class="iconfont icon-icon_xinyong_xianxing_jijin-154"></i></p>
          <p>企业团购</p>
        </div>
        <div class="icont-item">
          <p><i class="iconfont icon-F"></i></p>
          <p>F码通道</p>
        </div>
        <div class="icont-item">
          <p><i class="iconfont icon-sim"></i></p>
          <p>米粉卡</p>
        </div>
        <div class="icont-item">
          <p><i class="iconfont icon-transaction"></i></p>
          <p>以旧换新</p>
        </div>
        <div class="icont-item">
          <p><i class="iconfont icon-huafei"></i></p>
          <p>话费充值</p>
        </div>
      </div>
      <div class="c-item">
        <img src="./assets/images/icont-1.jpg" alt="icont-1">
      </div>
      <div class="c-item">
        <img src="./assets/images/icont-2.jpg" alt="icont-2">
      </div>
      <div class="c-item">
        <img src="./assets/images/icont-3.jpg" alt="icont-3">
      </div>
    </section>
    <section class="grey main">
      <div class="seckill">
        <div class="sec-title">
          小米秒杀
        </div>
        <div class="content">
          <div class="second">
            <p>14:00 场</p>
            <div class="pic">
              <img src="./assets/images/S-seckill1.png" alt="S-seckill1">
            </div>
            <p>距离结束还有</p>
            <div class="kill"></div>
          </div>
          <div class="colmun"></div>
        </div>
      </div>
    </section>
    <footer>
      <div class="foot-wraper">
        <div class="foot-top">
          <div class="foot-left">
            <div class="logo">
              <img src="./assets/images/S-logo-footer.png" alt="S-logo-footer">
            </div>
          </div>
          <div class="foot-right">
            <div class="foot-text-one">
              <ul>
                <li>
                  <a href="">
                    小米商城
                  </a>
                </li>
                <span class="ver-line"></span>
                <li>
                  <a href="">
                    MIUI
                  </a>
                </li>
                <span class="ver-line"></span>
                <li>
                  <a href="">
                    米家
                  </a>
                </li>
                <span class="ver-line"></span>
                <li>
                  <a href="">
                    米聊
                  </a>
                </li>
                <span class="ver-line"></span>
                <li>
                  <a href="">
                    多看
                  </a>
                </li>
                <span class="ver-line"></span>
                <li>
                  <a href="">
                    游戏
                  </a>
                </li>
                <span class="ver-line"></span>
                <li>
                  <a href="">
                    政企服务
                  </a>
                </li>
                <span class="ver-line"></span>
                <li>
                  <a href="">
                    小米天猫店
                  </a>
                </li>
                <span class="ver-line"></span>
                <li>
                  <a href="">
                    小米集团隐私政策
                  </a>
                </li>
                <span class="ver-line"></span>
                <li>
                  <a href="">
                    小米公司儿童信息保护规则
                  </a>
                </li>
                <span class="ver-line"></span>
                <li>
                  <a href="">
                    小米商城隐私政策
                  </a>
                </li>
                <span class="ver-line"></span>
                <li>
                  <a href="">
                    小米商城用户协议
                  </a>
                </li>
                <span class="ver-line"></span>
                <li>
                  <a href="">
                    问题反馈
                  </a>
                </li>
                <span class="ver-line"></span>
                <li>
                  <a href="">
                    Select Location
                  </a>
                </li>
              </ul>
              <ul>
                <li>
                  <a href="">
                    北京互联网法院法律服务工作站
                  </a>
                </li>
                <span class="ver-line"></span>
                <li>
                  <a href="">
                    中国消费者协会
                  </a>
                </li>
                <span class="ver-line"></span>
                <li>
                  <a href="">
                    北京市消费者协会
                  </a>
                </li>
                <span class="ver-line"></span>
              </ul>
            </div>
            <div class="foot-text-two">
              <p>
                <a href="" class="no">&copy;</a>
                <a href="" class="light">mi.com</a>
                <a href="" class="no"> 京ICP证110507号</a>
                <a href="" class="light">京ICP备10046444号</a>
                <a href="" class="light"> 京公网安备11010802020134号</a>
                <a href="" class="light">京网文[2020]0276-042号</a>
              </p>
              <p>
                <a href="" class="light">（京）网械平台备字（2018）第00005号</a>
                <a href="" class="light">互联网药品信息服务资格证 (京)-非经营性-2014-0090</a>
                <a href="" class="light">营业执照</a>
                <a href="" class="light">医疗器械质量公告</a>
              </p>
              <p>
                <a href="" class="light">增值电信业务许可证</a>
                <a href="" class="no"> 网络食品经营备案&nbsp;京食药网食备202010048</a>
                <a href="" class="light">食品经营许可证</a>
              </p>
              <p>
                <a href="" class="no">违法和不良信息举报电话：171-5104-4404 &nbsp</a>
                <a href="" class="light">知识产权侵权投诉</a>
                <a href="" class="no"> 本网站所列数据，除特殊说明，所有数据均出自我司实验室测试</a>
              </p>
            </div>
            <div class="foot-img">
              <a href="">
                <img src="./assets/images/footer-truste.png" alt="footer-truste">
              </a>
              <a href="">
                <img src="./assets/images/footer-truste2.png" alt="footer-truste2">
              </a>
              <a href="">
                <img src="./assets/images/footer-truste3.png" alt="footer-truste3">
              </a>
              <a href="">
                <div>
                  <img src="./assets/images/footer-truste4.png" alt="footer-truste4" class="foot-last">
                  <img src="./assets/images/footer-truste5.png" alt="footer-truste5" class="foot-last">
                </div>
              </a>
            </div>
          </div>
        </div>
        <div class="foot-text-three">
          让全球每个人都能享受科技带来的美好生活
        </div>
      </div>
    </footer>
    <!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
    <script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js"></script>
    <!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>

</body>

</html>